@import "/public/elements.less";

/*  infopunk less
 *  laice
 *
 */

@base_border: solid 2px darkgreen;
@base_width: 768px;
@base_height: 1024px;
@indent: 10px;
@menu_height: 384px;

@adj_wid: 768px-128px;
@menu_x: 768px-72px;

@round_px: 15px;


a:link {text-decoration:none; color:#006400;}
a:visited {text-decoration:none; color:#006400;}
a:hover {text-decoration:none; color:#006400;}
a:active {text-decoration:none; color:#006400;}

.pad( @pad_size : 10px ) {
  padding: @pad_size;
}

.dim( @width: @base_width, @height: @base_height ) {
  height: @height;
  width: @width;
}

.dimX( @width: @base_width) {
  width: @width;
}

.dimY( @height: @base_height ) {
  width: @height;
}

body {
  font-family: 'Lekton', sans-serif;
  line-height: 80%;
}

#match {
  width: 1024px;
  list-style-type: none;
  height: 400px;



}

#match::after {
  display:block;
  content:"";
  clear:both;
}

#player_one{
  float: left;
  width: 49%;
  text-align: right;
  
  #name_one { margin: 2%; float:left; }
  #id_one { margin: 2%; float:left;}
  #wins_one { margin: 2%; }
  #losses_one { margin: 2%; }
  #percent_one { margin: 2%; }
  #e_one { margin: 2%;}
  #total_matches_one { margin: 2%; }
  #attr { margin: 2%; }
  #comments_1 { margin: 2%; width:50%; float:left; }
  #wins_1 { margin: 2%; color: green;  .columns(); }
  #losses_1 { margin: 2%; color: red;  .columns(); }

  .bordered(darkgreen, darkgreen, darkgreen, darkgreen);

}

#player_two {
  float: right;
  width: 49%;

  #name_two { margin: 2%; float: right; }
  #id_two { margin: 2%; float: right; }
  #wins_two { margin: 2%; }
  #losses_two { margin: 2%; }
  #percent_two { margin: 2%; }
  #e_two { margin: 2%; }
  #total_matches_two { margin: 2%; }
  #attr { margin: 2%; }
  #comments_2 { margin: 2%; width:50%; float: right;}
  #wins_2 { margin: 2%; color: #008000; .columns(); }
  #losses_2 { margin: 2%; color: red; .columns(); }
  
  .bordered(darkgreen, darkgreen, darkgreen, darkgreen);
}



#menu {
  visibility:hidden; /* remove when/if want to use */
  font-family: 'Lekton', sans-serif;
  position: absolute;
  left: @menu_x;
  text-align: center;
  .dim(128px, @menu_height);
  .bordered(darkgreen, darkgreen, darkgreen, darkgreen);
  .pad();

}

#menu_update {
  font-family: 'Lekton', sans-serif;
  width:70%;
  margin: 0 auto;
  color:#000000;
  text-align:center;
  .bw-gradient(#EEE, 180, 200);
  .drop-shadow();
  .scale(1.40)

}

#menu_match {
  #menu_update
}


#menu_update:hover {
  .bordered-small(darkgreen, darkgreen, darkgreen, darkgreen);
  /*.rounded(@round_px);*/
}
#menu_match:hover{
  .bordered-small(darkgreen, darkgreen, darkgreen, darkgreen);
/*  .rounded(@round_px); */
}